<!DOCTYPE html>
<html>
<head>
    <link rel="shortcut icon" href="favicon.ico" />
    <meta charset="UTF-8">
    <title>首页，速购商城</title>
    <link rel="stylesheet" type="text/css" href="__CSS__/style.css"/>
    <script src="__JS__/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="__JS__/global.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
{include file='/header'}
<!--商品分类-->
<div class="navigation">
    <div class="layout">
        <!--全部商品-开始-->
        <div class="allgoods">
            <div class="goods_num"><h2  style="padding-left: 74px;">全部商品</h2><i class="trinagle"></i></div>
            <div class="list" style="display:block;">
                <ul class="list_ul">
                    {foreach name='brand' item='vo'}
                    <li class="list-li">
                        <div class="list_a">
                            <h1><a href="{:url('index/index/details',['goods_id'=>$vo.id])}"><span style="padding-left: 60px;">{$vo.cat_name}</span></a></h1>
                        </div>
                        <div class="list_b">
                            <div class="subitems">
                                <dl class="ma-to-20 cl-bo">
                                    <dd class="ma-le-100">
                                        <a class="hover-r ma-le-10 ma-bo-10 pa-le-10 bo-le-hui fl wh-sp" href="{:url('index/index/details',['goods_id'=>$vo.id])}">{$vo->goods->goods_name}</a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <i class="list_img"></i>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        <!--全部商品-结束-->
        <div class="ongoods">
            <ul class="navlist">
                <li class="homepage"><a href="{:url('index/index/index')}"><span>首页</span></a></li>
                {foreach name='brand' item='vo'}
                <li class="page"><a href="{:url('index/index/details',['goods_id'=>$vo.id])}" ><span>{$vo.name}</span></a></li>
               {/foreach}
            </ul>
        </div>
    </div>
</div>
<!--商品分类结束-->
<script>
    $(function(){
        var active_li = '';
        if(active_li){
            $('li').remove('curr-res');
            $('#'+active_li).addClass('curr-res');
        }

    });
    $(function () {
        $(".list_a").hover(function(){
                    $(this).children('h1').children('a').children('span').css('color','dodgerblue');
                },function(){
                    $(this).children('h1').children('a').children('span').css('color','#FFF');
                }
        )
    });
</script>
<!--------头部结束-------------->
<!-- 首页轮播图片 轮播js 广告-->
<script src="__JS__/slider.js"></script>
<script type="text/javascript">
    // 首页轮播图片 轮播js 广告
    $(function() {
        var bannerSlider = new Slider($('#banner_tabs'), {
            time: 5000,
            delay: 400,
            event: 'hover',
            auto: true,
            mode: 'fade',
            controller: $('#bannerCtrl'),
            activeControllerCls: 'active'
        });
        $('#banner_tabs .flex-prev').click(function() {
            bannerSlider.prev()
        });
        $('#banner_tabs .flex-next').click(function() {
            bannerSlider.next()
        });
    })
</script>
<!-- 首页轮播图片 轮播js 广告 end-->
<!--------banner-开始-------------->
<div class="nav-banner">
    <div id="banner_tabs" class="flexslider">
        <ul class="slides">
            <li style="position: absolute; left: 0px; top: 0px; display: list-item;">
                <a href="#">
                    <img src="../public/img/563a014600063.jpg" width="980" height="400" title="" style="">
                </a>
            </li><li style="position: absolute; left: 0px; top: 0px; display: none;">
            <a href="#">
                <img src="../public/img/563a01ccb5dc9.jpg" width="980" height="400" title="" style="">
            </a>
        </li>
        </ul>
    </div>
</div>
<!--------banner-结束-------------->
<!--------楼层-开始-------------->

<div class="layout layer">
    <div class="ground-flool">
        <div class="flool-t">
            <h2><a href="">手机</a></h2>
            <em>小米手机</em><em>魅族手机</em><em>华为手机</em><em>苹果手机</em><em>锤子手机</em>
        </div>
        <div class="flool-b layer">
            <ul class="flool-cle">
                {foreach name='goods' item='vo'}
                <li class="sellers sellers2 sell_ons">
                    <div class="best">
                        <div class="best-about">
                            <div class="best_img best_img2 best_img3">
                                <a href="{:url('index/index/details',['goods_id'=>$vo.goods_id])}"><img src="../public/images/{$vo.goods_id}/1.jpg"></a>
                            </div>
                            <div class="intr-t intr-t3">{$vo.goods_name}</div>
                            <div class="price prices">
                                <span>¥</span><em>{$vo.market_price}</em>
                            </div>
                        </div>
                    </div>
                </li>
                {/foreach}

            </ul>
        </div>
    </div>
</div>
<!--------楼层-结束-------------->


<!--------底部banner-开始-------------->
<div class="layout layer">
    <div class="cen-banne">
        <a href="javascript:void();">
            <img src="../public/img/56e29344381c4.jpg" width="1200" height="160" title="" style="">
        </a>
    </div>
</div>
<!--------底部banner-结束-------------->

<!--------footer-开始-------------->
{include file='/footer'}
<!--------footer-结束-------------->
</body>
</html>